<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta name="viewport"      content="width=device-width, initial-scale=1.0">
  <meta name="keyword"       content="">
  <meta name="description"   content="">
  <meta name="author"        content="bingo">
  <link rel="shortcut icon"  href="img/Logo.jpg">

  <title>友邻物业</title>

  <!-- Bootstrap core CSS -->
  <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
  <link type="text/css" rel="stylesheet" href="css/bootstrap-reset.css"/>

  <!--external css-->
  <link href="assets/font-awesome/css/font-awesome.css"  />

  <!-- Custom styles for this template -->
  <link type="text/css" rel="stylesheet" href="css/style.css">
  <link type="text/css" rel="stylesheet" href="css/style-responsive.css" />

  <style>
    .btn-cilcked {  border: solid 0 #186f8f;  }

    .btn-cilcked:active {
      background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
      background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
      background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
      background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
      background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
      background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(62,184,229)), color-stop(1, rgb(44,160,202))
      );
    }
  </style>
  <!-- HTML5 shim and Respond.js IE8 support of HTML5 tooltipss and media queries -->
  <!--[if lt IE 9]>
  <script type="text/javascript" src="js/html5shiv.js"></script>
  <script type="text/javascript" src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body class="login-body" style="background-color: #008acb;">
<div class="container">
  <!--<button id= "loginButton01" class="btn btn-lg btn-login btn-block" type="" onclick="fLoginSubmit();" >登入</button>-->
  <!--<form class="form-signin" action="404.html" method="post" onsubmit="fLoginSubmit();">-->
  <form class="form-signin" method="post" onsubmit="return fLoginSubmit();">
    <h2 class="form-signin-heading">登  录</h2>
    <div class="login-wrap form-group">
      <input id="username" name="username" type="text" class="form-control" placeholder="账号" autofocus>
      <input id="password" name="password" type="password" class="form-control" placeholder="密码">
      <!--<span class="input-group-addon">.00</span>-->
      <!--<span class="input-group-addon" id="basic-addon2">@example.com</span>-->
      <!--<div class="input-group">-->
        <!--<input id="password" name="password" type="password" class="form-control" placeholder="密码">-->
        <!--<span class="input-group-btn">-->
                        <!--<button class="btn btn-default" type="button">Go!</button>-->
                    <!--</span>-->
      <!--</div>-->

      <label class="checkbox">
        <input id="rememberMe" type="checkbox" value="remember-me">记住我
        <span class="pull-right"><a href="javascript:void(0);" onclick="showForgetPwdModal();">忘记密码?</a></span>
      </label>
      <button id= "loginButton02" class="btn-cilcked btn btn-lg btn-block btn-login" type="submit">登录</button>
    </div>

    <!-- Modal start-->
    <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" tabindex="-1" id="myModal" class="modal fade">
      <div class="modal-dialog" style="width: 450px;">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            <h4 class="modal-title">忘记密码?</h4>
          </div>
          <div class="modal-body" style="width: 100%">
            <input id="userPhoneNum"     type="text"      class="form-control placeholder-no-fix" placeholder="请输入手机号码"   autocomplete="off"   />
            <input id="newPassWord"      type="password"  class="form-control placeholder-no-fix" placeholder="请输入新的密码"   autocomplete="off"   />
            <input id="verificationCode" type="text"      class="form-control placeholder-no-fix" placeholder="请输入手机验证码"  autocomplete="off"  />
            <input id="getVeriCode"      type="button"    class="e-margin-buttom" value="发送验证码"/>
            <span><a id="verCodeStatus"></a></span>
          </div>
          <div class="modal-footer">
            <button data-dismiss="modal" class="btn btn-default" type="button">取消</button>
            <button id="sendNewPasswordButton" class="btn btn-success" type="button">确定</button>
          </div>
        </div>
      </div>
    </div>
    <!-- modal end-->
  </form>
</div>

<!-- js placed at the end of the document so the pages load faster -->
<script type="text/javascript" src="js/jquery_v1.8.3.js"></script>
<script type="text/javascript" src="js/bootstrap_v3.0.2.js"></script>

<!--script for this page only-->
<script type="text/javascript" src="./js/project/jquery-toaster.js"></script>
<script type="text/javascript" src="./js/project/ajax-common.js"></script>
<script type="text/javascript" src="./js/project/login.js"></script>

</body>
</html>
